(function(){
    document.addEventListener('DOMContentLoaded', function (){
        // console.log(1);
        var zhezhao = document.querySelector('.zhezhao')
        var qianbao = document.querySelector('.icon-qianbao')
        var login = document.querySelector('.loginContent')
        var close = document.querySelector('.login-close')
        qianbao.addEventListener('click',function(){
            // zhezhao.style.opacity = '0'
            setTimeout(() => {
            // zhezhao.style.opacity = '1'
            login.style.transform = 'translate(0px)'
            }, 100);
            zhezhao.style.display = 'block'
            // zhezhao.classList.add('zheActive')
            
        })
        close.addEventListener('click',function(){
          
            setTimeout(() => {
            
            login.style.transform = 'translate(500px)'     
            }, 100);
            // zhezhao.classList.remove('zheActive')
           setTimeout(() => {
            zhezhao.style.display = 'none'           
               
           }, 1000);
        })
       
    })
})()